<template>
	<view>
		<uni-popup ref="rulModel" type="center" zindex>
			<view class="modelcon">
         <view class="mo_tits">退款</view>
				 <!-- <view class="sub_mo_tites">
				 	<text class="sub_normal">可退金额：</text><text class="subb_reds">¥{{props.totalPri}}</text>
				 </view> -->
				 <view class="mo_qrcode">
				 	<image src="https://cdn-static.yekjx.com/food/images/shopqr01.png" style="widtn:100%;height:100%;" mode="aspectFill"></image>
				 </view>
				 <view class="sub_mo_tites">
					 <text class="sub_normal">长按添加二维码</text>
				 </view>
				 <view class="sub_mo_tites">
				 		<text class="sub_normal">进行退款处理</text>
				 </view>
				 <view class="actions">
				 		<!-- <view class="btns canels" @tap="close">取消</view> -->
				 		<view class="btns submits" @click="doSubmit">我知道了</view>
				 	</view>
				 
			</view>

		</uni-popup>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	const emit = defineEmits(["sendOrder"])
	const rulModel = ref()
	// const payTpe=ref("")
	const props = defineProps({	
		totalPri:{
			type:Number,
			default:0
		}
	})
	const open = (v:any) => {
		// payTpe.value=v
		rulModel.value.open()
	}
	const close = () => {
		rulModel.value.close()
		// emit("sendOrder",payTpe.value)
	}
	const doSubmit=()=>{
		close()
		// emit("sendOrder",payTpe.value)
	}
	defineExpose({ open, close })
</script>

<style lang="scss" scoped>
	.modelcon {
		width: 526rpx;
		// height: 360rpx;
		border-radius: 20rpx;
		background-color: #fff;
		padding: 40rpx 30rpx 120rpx 30rpx;
		position: relative;
		.mo_tits{
			color: #000;
			font-size: 36rpx;
			font-weight: 700;
			text-align: center;
		}
		.sub_mo_tites{
			text-align: center;
			font-size: 32rpx;
			font-weight: 400;
			margin-top: 10rpx;
			.sub_normal{
				color: #333;
			}
			.subb_reds{
				color: #FC4C40;
			}
		}
		.mo_qrcode{
			width: 292rpx;
			height:292rpx;
			margin: 20rpx auto;
		}
		.mo_contents{
			color: #666;
			font-size:32rpx;
			font-weight: 400;
			margin-top: 30rpx;
		}
		.actions{
			display: flex;
			justify-content: center;
			width: 100%;
			position: absolute;
			padding: 0 40rpx 0 40rpx;
			left:0;
			bottom:20rpx;
			.btns{
				width: 208rpx;
				height: 80rpx;
				line-height: 80rpx;
				text-align: center;
				border-radius:10rpx;
			}
			.canels{
				border: 2rpx solid #53A87F;
				color:#53A87F;
			}
			.submits{
				color:#fff;
				background-color:#53A87F;
			}
		}
}
</style>